.show-transition {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
}
.show-enter, .show-leave {
    opacity: 0;
}
.expand-transition {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    opacity: 1;
    max-height: 600px;
    overflow: hidden;
}
.expand-enter, .expand-leave {
    opacity: 0;
    max-height: 0;
}
.slide-transition {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1;
}
.slide-enter, .slide-leave {
    opacity: 0;
    margin-top: -30px;
}